<ion-header class="header">
    <ion-navbar>
        <!--<div class="buttons">-->
        <!--<button class="button" ng-click="doSomething()">返回</button>-->
        <!--</div>-->
        <ion-title class="header-title">
            <span class="personal-data">个人资料</span>
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content class="content-wrapper">
    <ion-list class="main-content">
        <p><span class="gray">姓名：</span>{{personalDetail.name}}</p>
        <p><span class="gray">电话：</span>{{personalDetail.mobile}}</p>
        <p><span class="gray">公司：</span>{{personalDetail.companyName}}</p>
        <p><span class="gray">地址：</span>{{area}}{{personalDetail.companyAddressName}}</p>
    </ion-list>
    <div class="btns--bottom" *ngIf="personalDetail.type == 0">
        <button class="sub-btn return" (click)="goBack()">返回</button>
        <button class="sub-btn modify" (click)="modifyUserDetail()">修改</button>
    </div>
    <div class="btns--bottom" *ngIf="personalDetail.type == 1">
        <button class="sub-btn return" (click)="goBack()">返回</button>
        <button class="sub-btn modify" (click)="showPopup()">修改姓名</button>
    </div>
</ion-content>
<div class="component-alert" *ngIf="!showAlert">
    <div id="myBox" class="myBox spac-box">
        <div class="tips inputs-wrap">
            <div class="inputs--col">
                <div class="inputs mt">
                    <span class="gray">姓名</span>
                    <input type="text" class="input--inner" [(ngModel)]="name" placeholder="请输入姓名">
                </div>
            </div>
        </div>
        <p style="text-align: left; font-size: 12px;color:red;" *ngIf="nameNull">*姓名不能为空</p>
        <div class="btns">
            <button ion-button class="btn btn-cancel" (click)="btnCancel()">取消</button>
            <button ion-button class="btn btn-choose" (click)="btnChoose()">保存</button>
        </div>
    </div>
</div>
